<template>
  <div id="app" class="root-page">
    <router-view/>
  </div>
</template>
<script>
export default {
  name: "App"
};
</script>

<style lang="scss">
html {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
body {
  @extend html;
}
.root-page {
  @extend html;
  overflow-y: auto;
  overflow-x: hidden;

  &::-webkit-scrollbar {
    width: 7px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #dddddd;
    background-clip: padding-box;
    min-height: 28px;
    border-radius: 3px;
    &:hover {
      background-color: #bbb;
    }
  }
  &::-webkit-scrollbar-track-piece {
    background-color: #f8f8f8;
    border-radius: 3px;
  }
}
</style>
